
 
body {
	/* 蓝色 */
  /*  background-color: #257fcb */
   /* 橙色 */
 /*  background-color: #deab7f; */
   /* 绿色 */
 background-color: #63ad2a;
 
}


.logo{
	position:relative;
	background-image: url("../../img/1.png");/* logo.png   projectlogo.ico*/
	background-size:70px 70px;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat; 
	margin-top:0px;
	margin-left:10px;
    float: left;
}

.system{
	position:relative; 
	margin-top:25px;
    float: left;
    color: #fff;
    font-size: 20px;
    font-family:"Microsoft YaHei",寰蒋闆呴粦,"MicrosoftJhengHei",鍗庢枃缁嗛粦,STHeiti,MingLiu 
}

.topuser{
	position:relative;
	margin-top:40px;
	margin-left:30px; 
	 color: #fff;
	float: left;
}

.usrlog{ 
	background-image: url("../../img/topuser.png"); 
	background-repeat: no-repeat; 
	 width: 20px;
	height: 20px;	
	float: left;
}

 
.rightcontainer{
    margin-top: 20px;
    float: right;
    margin-right: 10px;
}
 
.skin{ 
	cursor: pointer;
    float: right;
	right: 10px;
	color: #fff;
	top: 5px;
	clear: both;
} 




.skin > .skinlogo{
	float: right;
	margin-left: 5px;
}


.skin .default_skin_color{ 
	border: 2px solid #fff;
    width: 11px;
    height: 11px;
    display: inline-block;
}
.skin .skinlogo span{
	  font-size: 14px;
	  margin-left: 5px;
}


.skin>ul{ 
	padding-left: 0px;
	float: left;
	margin-block-start: 0px;
    margin-block-end: 0px;
} 



.skin>ul>li{
	 cursor:pointer; 
	 list-style-type: none;
	 margin-left:5px;
    width: 15px;
    height: 15px;
	 display: block;  
	 border-style: solid;
	 border-width: 2px;
	 float: left; 
}
.skin>ul>li.active-skin{
	border-width:3px; 
    width: 16px;
    height: 16px;
}
 
 

.rightcontainer>.msg{
    cursor: pointer;
	float: left; 
}

.rightcontainer>.msg>.msglogo{
	background-image: url("../../img/topmail.png"); 
	background-repeat: no-repeat; 
	width: 20px;
	height:20px;
	float: left; 
	margin-top: 5px;
}

.rightcontainer>.msg>.msgtext{
	color: #fff;
	font-size: 14px;
	margin-left: 5px;
}
.rightcontainer>.msg>.msgnum{
	background-image: url("../../img/topmsgcount.png"); 
	background-repeat: no-repeat; 
	width: 20px;
	height: 20px;
	font-size: 8px;
	margin-left: 5px;
	color: #fff;
}

.rightcontainer .popover.bottom {
    margin-top: 3px;
}

.rightcontainer .popover-content {
    padding: 5px 9px;
}

.rightcontainer>.home{
	margin-left:15px;
	cursor: pointer;
	float: left;
}

.rightcontainer>.home>.homelogo{
	background-image: url("../../img/home.png"); 
	background-repeat: no-repeat; 
	width: 20px;
	height: 20px;
	float: left;
}
	
	
.rightcontainer>.home>.homeworld{   
	color:#fff;
	float: left;
	font-size: 14px;
	margin-left: 5px;
}


.rightcontainer>.exit{
	margin-left:15px;
	cursor: pointer;
	float: left;
}


.rightcontainer>.exit>.exitlogo{
	background-image: url("../../img/exit.png"); 
	background-repeat: no-repeat; 
	width: 20px;
	height: 20px;
	float: left;
}


.rightcontainer>.exit>.sgintext{ 
	margin-left:10px;
    color:#fff;
	float: left;
	font-size: 14px;
	margin-left: 5px;
}  

